<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core_1_1" %>
<%--
  Created by IntelliJ IDEA.
  User: 小陈同学
  Date: 2021/1/2
  Time: 15:21
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>医药界面</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="./css/index2.css">
</head>
<body>
<div class="header w">
    <div class="logo">
        <img src="images/logo.jpg" alt="">
    </div>
    <div class="nav">
        <ul>
            <li><a href="index.jsp" >首页</a></li>
            <li><a href="electapp.jsp">家电类</a></li>
            <li><a href="clothes.jsp" >衣物类</a></li>
            <li><a href="food.jsp">食品类</a></li>
            <li><a href="medicine.jsp" class="a1">医药类</a></li>
            <li><a href="news.jsp">新闻中心</a></li>
            <li><a href="email.jsp">邮件反馈</a></li>
            <li><a href="reback.jsp">联系我们</a></li>
        </ul>
    </div>
    <li class="right">
        <p class="login-register">
            <!--用session实现用户登录后的状态显示-->
            <c:if test="${username!=null}">
                ${username}
                </br>
                <a href="/_war_exploded/two">购物车</a>
            </c:if>
            <c:if test="${username==null}">
                <a href="login.jsp">登录</a>&nbsp;&nbsp;
                </br>
                <a href="Register.jsp">注册</a>
                </br>
                <a href="/_war_exploded/two">购物车</a>
            </c:if>

        </p>
    </li>
</div>>
<div class="w1">
<div class="banner2" style="background: url(images/medicine.jpg)">

    </div>
</div>>
<div class="box w">
    <div class="box-hd">
        <h3>精品推荐</h3>
        <a href="#">查看全部</a>
    </div>
    <div class="box-bd">
        <ul class="clearfix">
            <li><img src="images/medicines1.jpg">
                <p class="view">调和阴阳，温阳补肾，扶正固本。用于腰腿酸痛，精神不振，夜尿频多，畏寒怕冷等。</p>
<%--                <div class="appraise">来自网友1的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">汇仁牌 肾宝片</a> </h4>
                    <em>|</em>
                    <span>29.9元</span></div>

                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=汇仁牌 肾宝片'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/medicines2.jpg" >
                <p class="view">对血小板聚集有抑制作用，可用于预防手术后血栓的形成，也用于心脑血管疾病患者或具有心脑血管疾病高危风险患者的治疗</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">阿司匹林肠溶片</a> </h4>
                    <em>|</em>
                    <span>39.9元</span></div>

                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=阿司匹林肠溶片'">加入购物车</button>
                </div>
            </li>


            <li><img src="images/medicine3.jpg">
                <p class="view">本品为广谱青霉素类抗生素制剂，适用于敏感细菌所致的呼吸道感染、泌尿道感染、消化道感染、皮肤和软组织感染等。</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">阿莫西林胶囊</a> </h4>
                    <em>|</em>
                    <span>9.9元</span></div>

                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=阿莫西林胶囊'">加入购物车</button>
                </div>
            </li>


            <li><img src="images/medicine4%20.jpg" alt="">
                <p class="view">属于氟喹诺酮类抗菌药，主要适用于治疗敏感菌所致的尿路感染、淋病、前列腺炎、肠道感染和伤寒及其他沙门菌感染。</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">诺氟沙星胶囊</a> </h4>
                    <em>|</em>
                    <span>19.9元</span></div>

                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=诺氟沙星胶囊'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/medicine5.jpg" >
                <p class="view">一种作用较强的多巴胺受体拮抗剂，具有外周阻滞作用，直接作用于胃肠壁，可增加食道下部括约肌张力，防止胃-食道反流。</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">吗丁啉片</a> </h4>
                    <em>|</em>
                    <span>9.9元</span></div>

                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=吗丁啉片'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/medicine6%20.jpg" alt="">
                <p class="view">一种感冒药物,主要是用于治疗因为感冒引起的头痛，发热，鼻塞，流涕，咽痛等症状。 </p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">999感冒灵颗粒</a> </h4>
                    <em>|</em>
                    <span>9.9元</span></div>

                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=999感冒灵颗粒'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/medicine7%20%20.jpg" alt="">
                <p class="view">助消化药，用于脾胃虚弱所致的食积，症见不思饮食、脘腹胀满，消化不良</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">健胃消食片</a> </h4>
                    <em>|</em>
                    <span>3.9元</span></div>

                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=健胃消食片'">加入购物车</button>
                </div>
            </li>
            <li><img src="images/medicine8.jpg" >
                <p class="view">一种感冒用药，适用于缓解普通感冒及流行性感冒引起的相应症状</p>
<%--                <div class="appraise">来自436054574的评价</div>--%>
                <div class="info">
                    <h4><a href="https://www.mi.com/buy/detail?product_id=12479&cfrom=search">复方氨酚烷胺片</a> </h4>
                    <em>|</em>
                    <span>9.9元</span></div>

                <div class="login-button-box">
                    <button aria-setsize="2px"
                            onclick="location.href='/_war_exploded/one?goodsName=复方氨酚烷胺片'">加入购物车</button>
                </div>
            </li>
        </ul>
    </div>
</div>>
<%--</div>--%>
<!-- 尾部footer -->
<div class="footer ">
    <div class="w">
        <div class="copyright">
            <img src="images/logo.jpg" alt="">
        </div>
        <div class="links">
            <dl>
                <dt>帮助中心</dt>
                <dd><a href="login.jsp">用户登录</a></dd>
                <dd><a href="Register.jsp">用户注册</a></dd>
            </dl>
            <dl>
                <dt>网站介绍</dt>
                <dd><a>本网站以网上购物为中心，分别设置四大类商品进行出售。配有新闻界面可以了解时事政治。邮件联系可以发送邮件给我们以提出宝贵的建议</a></dd>

            </dl>
        </div>
    </div>
</div>
</html>
